<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="../../common/taglib.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <%@include file="../../common/common-css.jsp" %>
    <%@include file="../../common/common-js.jsp" %>
   <link type="text/css" href="${pageContext.servletContext.contextPath }/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
     <link type="text/css" href="${pageContext.servletContext.contextPath }/css/jquery-ui-timepicker-addon.css" rel="stylesheet" />
    <script type="text/javascript" src="${pageContext.servletContext.contextPath }/js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="${pageContext.servletContext.contextPath }/js/jquery-ui-1.8.17.custom.min.js"></script>
	<script type="text/javascript" src="${pageContext.servletContext.contextPath }/js/jquery-ui-timepicker-addon.js"></script>
    <script type="text/javascript" src="${pageContext.servletContext.contextPath }/js/jquery-ui-timepicker-zh-CN.js"></script>
        <link href="${pageContext.servletContext.contextPath }/css/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    $(function () {
        $(".ui_timepicker").datetimepicker({
            //showOn: "button",
            //buttonImage: "./css/images/icon_calendar.gif",
            //buttonImageOnly: true,
            showSecond: true,
            timeFormat: 'hh:mm:ss',
            stepHour: 1,
            stepMinute: 1,
            stepSecond: 1
        })
    })
    </script>
    <script type="text/javascript">
    function check(){
    	var orderId = document.getElementById("id").value;
    	var reason = document.getElementById("reason").value;
    	window.location.href = "${pageContext.servletContext.contextPath }/background/order/remove.html?id="+orderId
    			+"&&reason="+reason;
    	
    }
    
    </script>
  </head>
  
  <body>
<br/>
<br/>  
<form action="${pageContext.servletContext.contextPath }/background/order/remove.html" method="post" data-validator-option="{theme:'yellow_right_effect',stopOnError:true}">
		<input type="hidden" name="id" id="id" value="${orderinfo.id}">
		<div class="right">
        	<div class="volume">
            	<img src="${pageContext.servletContext.contextPath }/images/toleft.png" style="margin:23px 0 0 2px;_margin:23px 0 0 0px;" />
            </div>
        	<div class="rightcon">
            	<div class="title">
                	您当前的位置：首页 >订单管理 > 取消订单 
                </div>
                	<div class="titlecon">
                           	 取消订单 
                    </div>
                	<div class="addlist">
                        
                        	<table class="addlistcon" border="0" cellpadding="0" cellspacing="0">
                                 <tr>
                                	<td  align="right" class="odd"><span style="color:#900"></span>取消原因：
                                    </td >
                                    <td align="left"><textarea name="serviceNotes" data-rule="取消原因: required;name;"></textarea>
                                    </td>
                                </tr>
                              </table> 
                             <div class="savere" style="float:center; margin-left:34%; _margin-left:17%;">
                               <input type="image" src="${pageContext.servletContext.contextPath }/images/baocun.png" width="101" height="46"/>
							        <a href="javascript:history.go(-1)" ><img src="${pageContext.servletContext.contextPath }/images/fanhui.png" width="101" height="46"></a>
                            </div>
                         
                    </div><!--addlist-->
            </div><!--rightcon-->
        </div><!--right-->
</form>
  </body>
</html>
